<template>
  <div class="rczc-detail">
    <Header title="详情"></Header>
    <div class="content">
      <div v-html="wordText"></div>
    </div>
  </div>
</template>

<script>
import { getWordText } from '@/utils/covertWord'
export default {
  data() {
    return {
      wordText: ''
    }
  },
  mounted() {
    this.getWord()
  },
  methods: {
    getWord() {
      getWordText(this.$route.params.docxName).then(html => {
        this.wordText = html
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.rczc-detail {
  background: white;

  .content {
    padding: 12px;
  }
}
/deep/ h1 {
  margin-bottom: 15px;
  text-align: center;
}
/deep/ p {
  font-size: 14px;
}
/deep/ img{
  width: 100%;
  height: 100%;
}
</style>
